TreeGridLoaded ({ /* JSONP header, to be possible to load from xxx_Jsonp data source */ 
   "Cfg" : { "id": "User", "UsePrefix": "1", "ColsPosLap": "1", "ShowDeleted": "0", "AutoSort": "1", "AcceptEnters": "1", "NoFormatEscape": "1", "MaxHeight": "1", "MaxHeightReserved": "10", "SaveAttrs": "Choose,Filter", "GroupMain": "B"   }, 
   "Cfg_2" : { "SelectingCells": "1", "DynamicSpan": "1", "Undo": "1", "ExternalAlign": "1"   }, 
   "Cfg_3" : { "MinTagHeight": "300"   }, 
   "Colors" : { "Alternate": "-15,-5,-15"   }, 
   "Actions" : { "OnDragCell": "SelectCells"   },  // Dragging by left mouse button will select cells 
   "Actions_2" : { "OnRightDropCell": "SpanSelected AND ClearSelection"   },  // When dragging by right mouse button, spans selected cells immediately 
   "Actions_3" : { "OnCtrlDragCell": "DragRow"   },  // Dragging and moving rows is done with Ctrl 
   "Actions_4" : { "OnClickCell": "ClearSelection,FocusEdit", "OnClickOutside": "ClearSelection,Blur", "OnClick1Cell": "ClearSelection,FocusEdit"   },  // Clears selection after any click or focus change 
   "Actions_5" : { "OnRightClick": "SpanSelected AND ClearSelection"   },  // Spans selected cells by right click 
   "Actions_6" : { "OnMiddleMouseDown": "SplitSelected OR SplitCell"   },  // Splits clicked cell by mouse middle button 
   "Actions_7" : { "OnClickButtonSave": "alert('This XML would be uploaded to server: \\n'+Grid.GetXmlData())"   },  // Shows how the uploaded XML will look 
   "Panel" : { "Spanned": "1"   }, 
   "Def" : [  
      { "Name": "R", "BColor": "245,255,245", "FColor": "255,245,245"   }, 
      { "Name": "Group", "Expanded": "1"   }  
   ], 
   "LeftCols" : [ 
      { "Name": "A", "Type": "Int"   }, 
      { "Name": "B", "Width": "150", "Type": "Text", "ToolTip": "1", "Spanned": "1"   }  
   ], 
   "Cols" : [ 
      { "Name": "E", "Width": "80", "Type": "Int", "Spanned": "1"   }, 
      { "Name": "F", "Width": "80", "Type": "Date", "Format": "HH:mm", "EditFormat": "HH:mm", "Button": ""   }, 
      { "Name": "G", "Width": "150", "Type": "Date", "Format": "ddd d/M/yyyy"   }, 
      { "Name": "H", "Width": "130", "Type": "Html", "CanEdit": "0", "CanFocus": "0", "Spanned": "1"   }, 
      { "Name": "I", "Width": "120", "Type": "Date", "Format": "=> h:mm tt", "Formula": "F+E*3600000"   }  
   ], 
   "RightCols" : [ 
      { "Name": "C", "Width": "100", "Type": "Enum", "Enum": ";City;Town;Small town;Village", "Spanned": "1"   }, 
      { "Name": "D", "Width": "100", "Type": "Float", "Format": "\"#\"#########0.##\"#\"", "Button": "Button", "WidthPad": "20", "ButtonText": "..."   }  
   ], 

   "Solid" : [ 
      { "id": "Choose", "Space": "0", "Class": "Group", "Cells": "Filter,Group", "CanEdit": "0", "NoColor": "1", "MenuName": "Group", 
         "FilterLabel": "Show", 
         "Filter": "All", 
         "FilterType": "Select", 
         "FilterDefaults": "|All|Cities|Towns|Villages|Cities and towns", 
         "FilterOnChange": ["",
            "var idx = Grid.GetDefaultsIndex(Row,Col);",
            "Grid.SearchExpression = ['','Type==0','Type==1 || Type==2','Type==3','Type<=2'][idx];",
            "Grid.SearchRows('Filter')",
            ""], 
         "FilterWidth": "120", 
         
         "GroupLabel": "Group by", 
         "GroupType": "Select", 
         "GroupDefaults": "|None|Type|Int|Type and Int", 
         "GroupOnChange": "Grid.GroupRows([\"\",\"C\",\"E\",\"C,E\"][Grid.GetDefaultsIndex(Row,Col)]);", 
         "GroupFormula": "{\"\":\"None\",\"C\":\"Type\",\"E\":\"Int\",\"C,E\":\"Type and Int\"}[Grid.Group]"  
          }, 
      { "Kind":"Toolbar", "id": "Toolbar", "Space": "1"   }  
   ], 

   "Head" : [ 
      
      { "Kind":"Header", "Spanned": "1", "MenuName": "Top header", 
         "PanelRowSpan": "2", "CanDelete": "1", "CanSelect": "1", 
         "A": "", "AVisible": "-1", "ASpan": "2", 
         "E": "", "EVisible": "-1", 
         "F": "<center><em><b>TreeGrid Example</b></em></center>", "FSpan": "3", "FType": "Html", "FButton": "", 
         "I": "", "IVisible": "-1", 
         "C": "", "CVisible": "-1", "CSpan": "2"  
          }, 
      { "Kind":"Header", "id": "Header", "A": "Index", "B": "Town", "C": "Type", "D": "Number", "E": "Int", "F": "Time", "G": "Date", "H": "Html (no focus)", "HButton": "", "HOnClick": "1", "I": "Time + Int"   }  
   ], 
   "Foot" : [ 
      { "id": "Filter", "Kind": "Filter", "DButton": "None", "BButton": "Defaults", "BDefaults": "|*FilterOff|*RowsAll", "BShowMenu": "0"   }, 
      { "Kind":"Header", "Spanned": "1", "MenuName": "Bottom header", 
         "A": "<i>Left columns</i>", "ASpan": "2", "AType": "Html", 
         "E": "<center><i>Editable columns</i></center>", "ESpan": "3", "EType": "Html", 
         "H": "<center><i>Read only columns</i></center>", "HSpan": "2", "HType": "Html", 
         "C": "<div align='right'><i>Right columns</i></div>", "CSpan": "2", "CType": "Html"  
          }  
   ], 
   "Media" : [ 
      { "Style": "TB", 
         "Def" : [ 
            { "Name": "R", "BColor": "20,50,20", "FColor": "50,20,20"   }, 
            { "Name": "Fixed", "BColor": "20,50,20", "FColor": "50,20,20"   }, 
            { "Name": "Filter", "BColor": "20,50,20", "FColor": "50,20,20"   }  
         ], 
         "Rows" : [ 
            { "id": "R9", "AColor": "50,20,50"   }  
         ], 
      }, 
   ], 
}) /* End of JSONP header */ 